.menu-item > .item-inner,
.menu-item > a {
    @apply -flex -text-inherit -px-2 -py-1 -items-center -justify-between -transition-colors -relative -truncate -cursor-pointer -rounded -gap-2;
}
.menu-item > .selected {
    background: var(--menu-selected-bg);
    color: var(--menu-selected-color);
}
.menu-item > a:hover,
.menu-item > a.hover,
.menu-item > .active,
.menu-item > .active {
    background: var(--menu-active-bg);
    color: var(--menu-active-color);
}
.menu-item > a.disabled:hover,
.menu-item > a.disabled:hover,
.menu-item.disabled > a:hover,
.menu-item.disabled > a:hover {
    @apply -bg-inherit -text-inherit;
}
.menu-item > a > .item-title {
    @apply -flex-auto;
}
